/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #042b46;
    margin: 1em 0;
    padding: 0;
    clear: both;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Compartilhamento
   ========================================================================== */

.symbol-fb, .symbol-p {    display: inline-block;    width:31px;    height:31px;    margin-right: 0.3em;}
.symbol-fb {    background:url(../img/icones-compart.png) 0 0 no-repeat; }
.symbol-fb:hover {    background:url(../img/icones-compart.png) -32px 0 no-repeat; }
.symbol-p {    background:url(../img/icones-compart.png) 0 -32px no-repeat; }
.symbol-p:hover {    background:url(../img/icones-compart.png) -32px -32px no-repeat; }
.symbol-fb span, .symbol-p span {display: none;}

.artigo-compart .symbol-fb {    background:url(../img/icones-compart.png) -32px 0 no-repeat; }
.artigo-compart .symbol-p {    background:url(../img/icones-compart.png) -32px -32px no-repeat; }


/* ==========================================================================
   Fancybox -> página de busca mobile
   ========================================================================== */

    .fancybox-opened .fancybox-skin { box-shadow: none !important; background: none;}
    .fancybox-close {right:10px !important; top: 10px !important;}
    #busca-mobile {overflow: hidden; background: none; margin: 0 auto;}
    #busca-mobile #busca {display: block; background:none; border: 0 none; width: 100%; }
    #busca-mobile #busca form{display: block; visibility:visible;}
    #busca-mobile #busca form span { width: 100%; text-align: center; font-size: 1.6em;}
    #busca-mobile #busca .buscar-txt { margin-bottom: .5em; vertical-align: top; background-color: #fff; border: 1px solid #f7ab3f; font-family: 'Open Sans', sans-serif; font-size: 1em;
                             font-style: italic; height: 31px; margin-right: -5px; padding-left: 1em; width: 100%; border-radius: 0; -webkit-appearance: none;   -moz-appearance: none;   appearance: none;  }
    #busca-mobile #busca .buscar-btn { color: #042B46; background: #f7ab3f; font-family: 'Open Sans', sans-serif; font-size: 1em; font-style: bold;
                                border: 1px solid #f7ab3f; cursor: pointer; height: 35px; width: 100%; border-radius: 0; -webkit-appearance: none;   -moz-appearance: none;   appearance: none;  } 


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{background-color: #e6e6e6; font-size: 62.5%;}

a {text-decoration: none; color: #042b46;}

.container {width:91.66666%; min-width: 310px; margin: 0 auto; }
#conteudo {float: left; width: 100%;}

#topo .logo {width:35%; height: auto; margin-top: 15px; }

#topo #contato-duvidas {display: inline-block;}
#topo #menu-ajuda {float: right; margin-top: 13.6363%; }
#topo #menu-ajuda span{display: none; visibility: hidden;}
#topo #busca-p {display: inline-block; width: 35px; height: 35px; border: 1px solid #f7ab3f; background: #f7ab3f url(../img/busca.png) no-repeat center center; }
#topo #busca {display: none; visibility: hidden;}
#topo #contato {display: inline-block; width: 35px; height: 35px; margin-left: 3px; border: 1px solid #f7ab3f; background: url(../img/contato.png) no-repeat center center;}
#topo #duvidas {display: inline-block; width: 35px; height: 35px; margin-left: 3px; border: 1px solid #f7ab3f; background: url(../img/duvidas.png) no-repeat center center;}


/* banner */

#banner-container {min-height: 335px;}
.banner { clear: both; position: relative; overflow: auto; width: 100% !important; min-width: 320px;  max-width: 1280px; height: auto; max-height: 335px; margin: 2em auto 0 auto;}
.banner ul { padding: 0; margin: 0;}
    .banner li { list-style: none;}
        .banner ul li { float: left; }

.banner-title {font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 2.1em; padding: 0 5px; background: rgba(4,43,70,0.8); color: #fff;
                position: absolute; margin-top: 210px; max-width: 310px; max-height: 66px; overflow: hidden; z-index: 1000;}
.banner img {position: absolute; margin: 0 auto;}

/* menu */

#menu-mobile {background-color: #fff; width: 100%; height:70px; text-align: center; padding-top: 10px;}
#menu-mobile .categoria-title {display: block; margin: 0;}
#menu { display: none !important; }
#menu-mobile select {border-radius: 0; width:200px; height: 30px; border: 1px solid #f7ab3f;font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.6em; font-style: normal; 
                    font-weight: normal; color: #042b46;padding-left: 5px; background: transparent; -webkit-appearance: none; -moz-appearance:none; appearance:none; cursor: pointer;}
#menu-mobile .select-estilo { display: inline-block; width:200px; height: 30px; background: url(../img/arrow-down.png) no-repeat center right; margin: 0 auto;}


/* texto */
.categoria-title {font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: 300; font-style: italic; color: #042b46;}
.bloco-title {font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 600; color: #042b46; text-transform: uppercase;}

/* destaques */
.bloco-destaques figcaption .noticia-title h3 {font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.4em; text-align: center; margin:0; height: 40px; padding-top: 3px; line-height: 1.2em;}
.bloco-destaques ul {padding:0; margin:0;}
.bloco-destaques ul li {list-style: none; display: inline-block; width:47.727272%; position: relative; overflow: hidden;}
.bloco-destaques ul li:nth-child(odd) {margin: 1.5% 1.5% 1.5% 0;}
.bloco-destaques ul li:nth-child(even) {margin: 1.5% 0 1.5% 1.5%;}
figure {margin:0; padding: 0;}
figure img.foto-destaque {width: 100%; max-width: 420px; min-height:auto; max-height: 420px; display: block;}
.bloco-destaques li:hover figcaption {  height:100%; -ms-transform: translateY(0);  -o-transform: translateY(0);  -webkit-transform: translateY(0);  transform: translateY(0);}
.bloco-destaques li figcaption { position: absolute; display: block; min-width: 100%; height: 100%; top:0; background: #fff; text-decoration: none; 
                                text-align: center; z-index: 1; transform: translateY(75%); -webkit-transform: translateY(75%); -ms-transform: translateY(75%); -o-transform: translateY(75%); 
                                transition: transform 350ms ease-in-out !important; transition: -ms-transform 350ms ease-in-out;
                                transition: -o-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; }
.bloco-destaques .ver-mais {position: absolute; bottom: 40%; left: 50%; margin-left: -20px;}
.bloco-destaques .compartilhar {display: block; text-align: center; position: absolute; bottom: 7%; left: 50%; margin-left: -34px;}

/* veja também */

#vejatambem {clear: both;}
#vejatambem .retranca p {font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #666666; font-size: 1.2em; font-weight:normal; text-transform: uppercase; margin: 3px 0 1px 0;}
#vejatambem .vejatambem-title p {font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #666666; font-size: 1.4em; font-weight:600; margin: 0 0 3px 0; line-height: 1.2em;}

#vejatambem ul {padding:0; margin:0;}
#vejatambem ul li {list-style: none; display: inline-block; width:47.727272%; position: relative; overflow: hidden;}
#vejatambem ul li:nth-child(odd) {margin: 1.5% 1.5% 1.5% 0;}
#vejatambem ul li:nth-child(even) {margin: 1.5% 0 1.5% 1.5%;}
#vejatambem .vejatambem-img { position: relative;}
#vejatambem .vejatambem-img img{width: 100%; max-width: 420px; min-height:auto; max-height: 310px; display: block;}
#vejatambem .video {opacity:0.8; text-indent:-999em;  background: url(../img/video.png) no-repeat center center; position: absolute; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; top: 50%; left: 50%;}


/* ==========================================================================
   menu
   ========================================================================== */

    
/* styles for mobile HORIZONTAL*/
@media screen and (min-width: 480px) {
    #menu-mobile .categoria-title {padding-top: 1em; display: inline-block;}

    .bloco-destaques figcaption .noticia-title h3 {font-size: 1.6em; height: 50px; padding-top: 7px;}

    #vejatambem .vejatambem-title p {font-size: 1.6em; font-weight:600;}


}

/* styles for tablet*/
@media screen and (min-width: 768px) {
    .container {width:92.1875%;}

    #topo .logo {width:30%;}

    /* topo menu-ajuda*/
    #topo #contato-duvidas {text-align: center; display:block;}
    #topo #menu-ajuda {margin-top: 10.6363%; width: 31.3559322033%;}
    #topo #menu-ajuda span{display: inline-block; visibility:visible; font-size: 1.1em;}
    #topo #busca {display: block; background:none; border: 0 none; width: 100%; }
    #topo #busca-p {display: none; visibility: hidden;}
    #topo #busca {display: block; visibility:visible;}
    #topo #busca form span { width: 100%; text-align: center; font-size: 1.6em;}
    #topo #busca .buscar-txt { vertical-align: top; background-color: #fff; border: 1px solid #f7ab3f; font-family: 'Open Sans', sans-serif; font-size: 1em;
                             font-style: italic; height: 31px; margin-right: -5px; padding-left: 1em; width: 75%;  -webkit-appearance: none;   -moz-appearance: none;   appearance: none;  }
    #topo #busca .buscar-btn {  background: url("../img/busca.png") no-repeat scroll center center #f7ab3f; font-family: 'Open Sans', sans-serif; font-size: 1em;
                                border: 1px solid #f7ab3f; cursor: pointer; height: 35px; width: 35px;  -webkit-appearance: none;   -moz-appearance: none;   appearance: none; } 

    #topo #contato {display: inline-block; background:none; border: 0 none; width: 39.9%; margin-top: 1em;}
    #topo #duvidas {display: inline-block; background:none; border: 0 none; width: 56%; margin-top: 1em;}

    /* banner */
    .banner-title {margin-left: 1.5%;}

    /*bloco destaques*/
    .bloco-destaques ul li {list-style: none; display: inline-block; width:23.9%;}
    .bloco-destaques figcaption .noticia-title h3 {padding-top: 0;}
    .bloco-destaques ul li:nth-child(4n+1) {margin: 0.5% 0.5% 0.5% 0 !important;}
    .bloco-destaques ul li:nth-child(4n) {margin: 0.5% 0 0.5% 0.5% !important;}
    .bloco-destaques ul li:nth-child(odd) {margin: 0.5%;}
    .bloco-destaques ul li:nth-child(even) {margin: 0.5%;}
    /* bloco veja também */
    #vejatambem ul li {width:23.9%;}
    #vejatambem ul li:nth-child(4n+1) {margin: 0.5% 0.5% 0.5% 0 !important;}
    #vejatambem ul li:nth-child(4n) {margin: 0.5% 0 0.5% 0.5% !important;}
    #vejatambem ul li:nth-child(odd) {margin: 0.5%;}
    #vejatambem ul li:nth-child(even) {margin: 0.5%;}
}

/* styles for desktop */
@media screen and (min-width: 1023px) {
    .container {max-width: 1140px;}
    #conteudo {width: 76%;}

    #topo .logo {width:25.43859649%;}

    /* topo menu-ajuda*/
    #topo #menu-ajuda {margin-top: 9.11111%;}
    #topo #menu-ajuda span{font-size: 1.6em;}

    /* banner */
    #banner-container {min-height: 420px;}
    .banner {max-height: 420px; margin-bottom: 2em;}
    .banner-title {font-size: 3.2em; padding: 0 15px; margin-top: 260px; margin-left: 50px; max-width: 500px; max-height: 88px; }

    /* menu */
    #menu-mobile {display: none !important;}
    .grafismo-menu {margin-left: -5%; margin-bottom: -17%; max-width: 110%; height: auto;}
    #menu {display:block !important; float: left; background-color: #fff; width: 22%; height:100%; float: left; margin-right: 2%;
             margin-top: 1.5em; margin-bottom: 6em; position:relative; z-index: 5;}
    #menu .categoria-title{text-align: center;}
    #menu ul {padding: 0 2em;}
    #menu li a {  display:block; text-decoration:none; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.6em; 
        font-weight: 600; color: #042b46; padding-top: 0.5em; cursor:pointer; position:relative;z-index:9; }
    #menu li span { line-height:1em; padding: .3em .1em; color: #042b46 !important; display:block; }
    #menu ul.menu li {position: relative;}
    #menu ul.menu li.active { width:110%; position:absolute; background: #f7ab3f; margin: 0; padding: 0; left: -5%;}
    ul.menu li.active:after,
    ul.menu li.active:before { display: block; position: absolute; width: 0; height: 0; content: ""; top: 100%;border-style: solid; border-color: transparent;}
    ul.menu li.active:before { left: 0; border-width: 0 15px 8px 0; border-right-color: #e28e26; }
    ul.menu li.active:after { border-width: 8px 15px 0 0;border-top-color: #e28e26; right: 0;}

    .bloco-destaques figcaption .noticia-title h3 {padding-top: 3px;}
    .bloco-destaques ul li {display: inline-block; width:23.9%;}

    #vejatambem ul li {width:23.9%;}

}

/* ==========================================================================
   PAGE categorias
   ========================================================================== */
#page-categoria .banner, #page-categoria #vejatambem {display: none; visibility: hidden;}
#page-categoria #menu-mobile {margin-top: 1.5em;}

/* menu fixo scroll */
.topo-fixo .busca-cat {position: fixed; top: 0; z-index: 1000; }
.search-mobile .container-busca-cat{ border: 0 none;}
.search-mobile .caminhorato {width: 91.6666%; margin: 0 auto;}
.search-mobile .busca-cat-txt {padding-left: 1em;}

/* busca dentro de categoria */
    .container-busca-cat{ width:100%; height: 29px; margin: 0 auto; border: 1px solid #172b3c;}
    .busca-cat{ position:relative; width:100%; float: right;  font-family:'Open Sans', Helvetica, Arial, sans-serif;}
    .busca-cat-txt {position:absolute; top:0; right:0; border:0 none; border-radius: 0; outline:0; width:100%; height:25px; margin:0;
                    padding-left: 0; font-size:1.2em; color:#042b46; -webkit-appearance: none;} 
    .busca-cat-txt::-webkit-input-placeholder { color: #666; padding-left: 1em;}
    .busca-cat-txt:-moz-placeholder { color: #666; padding-left: 1em;}
    .busca-cat-txt::-moz-placeholder { color: #666; padding-left: 1em;}
    .busca-cat-txt:-ms-input-placeholder { color: #666; padding-left: 1em;}
    .busca-cat-txt:input-placeholder { color: #666; padding-left: 1em;}
    .busca-cat-btn, .busca-cat-ico { width:29px; height:29px; display:block; position:absolute; top:0; right:0; padding:0; margin:0; border:0;
        outline:0; line-height:29px; text-align:center; cursor:pointer; color:#dcddd8; 
        background: #042b46 url(../img/busca-b.png) no-repeat center center ; -webkit-appearance: none;}

/* conteudo */
#page-categoria .bloco-categoria .foto-destaque,
#page-categoria .bloco-categoria .ver-mais,
#page-categoria .bloco-categoria .compartilhar {display: none; visibility: hidden;}

#page-categoria .bloco-categoria figcaption:active {background: #bbbdbe; }

#page-categoria .bloco-categoria figcaption .noticia-title h3 {float: left; font-size: 1.4em; padding-left: 1em;}
#page-categoria .bloco-categoria .ver-mais-mobile {float: right; height: 20px; width: 20px; margin-top: 1.5em; margin-right: 1em;
                background: url(../img/ver-mais-mobile.png) no-repeat;}
#page-categoria .bloco-categoria .hr-cat-mobile {clear: both; border-top: 1px solid #bbbdbe; margin: 0;}

#page-categoria .bloco-categoria ul {margin: 0 !important; padding:0;}
#page-categoria .bloco-categoria ul li {list-style: none; display: block; width:100%; position: relative; overflow: hidden;}


/* styles for mobile HORIZONTAL*/
@media screen and (min-width: 480px) {

}

/* styles for tablet*/
@media screen and (min-width: 768px) {
    #page-categoria .banner, #page-categoria #vejatambem {display: block; visibility: visible;}
    #page-categoria #menu-mobile {margin-top: 0;}

    .caminhorato {float: left;}

    /* busca dentro de categoria */
    .container-busca-cat{ width:23.9%; float: right; margin: 1em 0; border:0;}
    .busca-cat{ position:relative; min-width: 25px; width:0%; -webkit-transition: width 0.3s; -moz-transition: width 0.3s;
        -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
    .busca-cat-txt { border: 1px solid #172b3c; height:25px;}
    .busca-cat-open {width: 100% !important;}
    .busca-cat-open .busca-cat-txt {padding-left: 1em;}

/* conteudo */
    #page-categoria .bloco-categoria #cat-mobile {display: none; visibility: hidden;}
    #page-categoria .bloco-categoria .foto-destaque,
    #page-categoria .bloco-categoria .ver-mais,
    #page-categoria .bloco-categoria .compartilhar {display: block; visibility: visible;}

/* destaques */
    .bloco-categoria figcaption .noticia-title h3 { clear: both; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.4em; text-align: center; margin:0; height: 40px; padding-top: 3px; line-height: 1.2em;}
    .bloco-categoria ul {padding:0; margin:0;}
    .bloco-categoria ul li {list-style: none; display: inline-block !important; position: relative; overflow: hidden; width:23.9% !important;}
    figure {margin:0; padding: 0;}
    figure img.foto-destaque {width: 100%; max-width: 420px; min-height:auto; max-height: 420px; display: block;}
    .bloco-categoria li:hover figcaption {  height:100%; -ms-transform: translateY(0);  -o-transform: translateY(0);  -webkit-transform: translateY(0);  transform: translateY(0);}
    .bloco-categoria li figcaption { position: absolute; display: block; min-width: 100%; height: 100%; top:0; background: #fff; text-decoration: none; 
                                text-align: center; z-index: 1; transform: translateY(75%); -webkit-transform: translateY(75%); -ms-transform: translateY(75%); -o-transform: translateY(75%); 
                                transition: transform 350ms ease-in-out !important; transition: -ms-transform 350ms ease-in-out;
                                transition: -o-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; }
    .bloco-categoria .ver-mais {position: absolute; bottom: 40%; left: 50%; margin-left: -20px;}
    .bloco-categoria .compartilhar {display: block; text-align: center; position: absolute; bottom: 7%; left: 50%; margin-left: -34px;}
    .bloco-categoria ul li:nth-child(4n+1) {margin: 0.5% 0.5% 0.5% 0 !important;}
    .bloco-categoria ul li:nth-child(4n) {margin: 0.5% 0 0.5% 0.5% !important;}
    .bloco-categoria ul li:nth-child(odd) {margin: 0.5%;}
    .bloco-categoria ul li:nth-child(even) {margin: 0.5%;}

}
    


/* styles for desktop */
@media screen and (min-width: 1023px) {

}

/* ==========================================================================
   SINGLE interna
   ========================================================================== */
#interna #banner-container{display: none; visibility: hidden;}
#interna #menu-mobile {margin-top: 1.5em;}

/* galeria interna */
#interna .retangulo-legenda-foto {position: relative; width: 100%; background: rgba(4,43,70,0.8); height: 20px; margin: -20px 0 0 0;}
#interna .legenda-foto {margin: 0; padding: 0.1em .5em; font: italic 1.2em "Open Sans",Helvetica,Arial,sans-serif; font-weight: 100; color: #fff; position: relative;}
#interna #galeria-interna img {width: 100%; height: auto;}
#interna #galeria-interna {position: relative;}
#interna #galeria-interna span.mais-fotos {text-indent: -999em; display: none; width: 40px; height: 40px; background: url(../img/mais.png) no-repeat center center;
    position: absolute; margin-left: -20px; margin-top: -20px; left: 50%; top: 50%;}
.fancybox-nav span {visibility: visible !important;}

/* artigo */
#interna .artigo {width: 100%; margin: 1em 0;}
#interna .artigo .artigo-main {width: 100%; float: none;} /* single 1 (largura) */ 
#interna .artigo .artigo-xtra {width: 100%; float: none; }
#interna h1.artigo-title { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.8em; color: #042b46; font-weight: 600;
    float: left; display: inline-block; max-width: 50%;}
#interna .artigo-main p { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.6em; color: #666; line-height: 2em; margin-top: 0;}
#interna .artigo-xtra {width: 35%; background: #e2e2e2; border: 1px solid #dddddd;}
#interna .artigo-xtra p {padding: 2em; color: #666; font-size: 1.4em; font-family: 'Open Sans', Helvetica, Arial, sans-serif;  line-height: 1.8em; }

#interna .artigo2 .artigo-main {width: 100%; } /* single 2 (largura) */

#interna .compart {float: right; margin:1em 0 0 0; overflow: hidden;}
#interna .compart .artigo-compart {display: inline-block;}
#interna .compart p {font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: 100; font-style: italic; 
    color: #666; line-height: 32px; margin: 0 .5em 0 0; padding: 0; }
#interna .compart-title { float: left;}

/* Participe */
#participe {min-height: 110px;}
#participe #frmParticipe ul.tabs {list-style: none; margin: 0; padding: 0; float: left;  border: 0 none; width: 100%;}
#participe #frmParticipe ul.tabs li {background: #f5a93f; float: left; margin: 0.5% ; padding: 1em 0 0 0 ; height: 2.8em; border: 0 none;
     overflow: hidden; position: relative; width: 49%; text-align: center;  border-bottom: 5px solid #f5a93f; cursor: pointer; }
#participe #frmParticipe ul.tabs li a{font: 1.4em "Open Sans",Helvetica,Arial,sans-serif !important; color: #fff; text-decoration: none; outline: none;}
#participe #frmParticipe ul.tabs li img{display: none;}
#participe #frmParticipe ul.tabs li.active { border-bottom: 5px solid #e28e26;}
#participe #frmParticipe ul.tabs li:hover { border-bottom: 5px solid #e28e26;}
#participe #frmParticipe .tab-container { border: none; overflow: hidden; clear: both; float: left; width: 100%; }
#participe #frmParticipe .cont-tab { margin-bottom: 1em; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 1.4em; border: 1px solid #dddddd; background: #e5e5e5;}
#participe #frmParticipe .container-tab { width: 90%; margin: 1em auto; overflow: hidden;}
#participe #frmParticipe legend {color: #e28e26; margin-bottom: 1em; font-weight: bold;}
#participe #frmParticipe input[type="text"], #participe #frmParticipe input[type="email"] {font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #666; border-radius: 0; border: 1px solid #aaa;  width: 99.6%; margin: .5% 0; height: 30px;}
#participe #frmParticipe textarea {font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #666; width: 99.6%; margin: .5% 0; height: 50px; border: 1px solid #aaa; border-radius: 0;}
#participe #frmParticipe #btnEnviar { font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight: bold; border-radius: 0; background: #75c043; color: #fff; height: 35px; border: 0 none;}
#participe #frmParticipe .selec-imagem {width: 100%; color: #666; margin: .5em 0; border-radius: 0;}
#participe #frmParticipe input[type="submit"] {width: 100%; margin: .5em 0;}
#participe #frmParticipe select { border-radius: 0; border: 0 none; width:100%; height: 30px; font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #aaa; background: transparent; -webkit-appearance: none; -moz-appearance:none; appearance:none; cursor: pointer;}
#participe #frmParticipe .select-estilo {margin-top: 1em; border: 1px solid #aaa;  display: inline-block; width:99.6%; height: 30px; background: #fff url(../img/arrow-down.png) no-repeat center right; margin: 0 auto;}
 
/* styles for mobile HORIZONTAL*/
@media screen and (min-width: 480px) {

}

/* styles for tablet*/
@media screen and (min-width: 768px) {
#interna #banner-container{display: block; visibility: visible;}
#interna #menu-mobile {margin-top: 0;}

/* galeria interna */
#interna .retangulo-legenda-foto { height: 40px; margin: -40px 0 0 0;}
#interna .legenda-foto {padding: 10px; font: italic 1.4em "Open Sans",Helvetica,Arial,sans-serif;}

#interna .artigo .artigo-main {width: 60% !important; float: left; }
#interna .artigo .artigo-xtra {width: 35% !important; float: right;}

#interna .compart { margin:2.5em 0; }
#interna .compart p {font-size: 1.4em; margin: 0 1em 0 0;}
#interna h1.artigo-title { font-size: 3em; max-width: 70%; }

/* Participe */
#participe {min-height: 160px;}
#participe #frmParticipe ul.tabs li { margin: 1%; padding: 2.4em 0 0 0; height: 5.5em; width: 48%; }
#participe #frmParticipe ul.tabs li a {font-size: 1.8em !important;}
#participe #frmParticipe ul.tabs li img{padding-right: 2em; display: inline-block;}
#participe #frmParticipe .container-tab {width: 95%}
#participe #frmParticipe .cont-tab { font-size: 1.6em;}
#participe #frmParticipe input[type="text"] {margin-right: 2% !important;}
#participe #frmParticipe input[type="text"], #participe #frmParticipe input[type="email"] {border: 1px solid #aaa;  width: 48.5%; margin: .5% 0; height: 30px;}
#participe #frmParticipe textarea {width: 99.6%; margin: .5% 0; height: 50px; border: 1px solid #aaa;  }
#participe #frmParticipe #btnEnviar { background: #75c043; color: #fff; height: 35px; border: 0 none;}
#participe #frmParticipe .selec-imagem {width: 100%; color: #666; margin: .5em 0;}
#participe #frmParticipe input[type="submit"] {width: 100%; margin: .5em 0; }
#participe #frmParticipe select {width:100%; height: 30px;}
#participe #frmParticipe .select-estilo {width:48.5%;}

}

/* styles for desktop */
@media screen and (min-width: 1023px) {

    /* galeria interna */ 
    #interna #galeria-interna:hover span.mais-fotos {display: block;}
    .fancybox-nav span {visibility: hidden !important;}
    .fancybox-nav:hover span {visibility: visible !important;}

}

/* ==========================================================================
   padrao (Página padrão para fale conosco, dúvidas e sugestões e resultado de busca)
   ========================================================================== */

#pagina-padrao .artigo .artigo-main {width: 100%; float: none;} /* single 1 (largura) */ 
#pagina-padrao .artigo .artigo-xtra {width: 100%; float: none; }
#pagina-padrao h1.artigo-title { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 3em; color: #042b46; font-weight: 600;
    float: left; display: inline-block; max-width: 50%;}
#pagina-padrao .artigo-main p { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.6em; color: #666; line-height: 2em; margin-top: 0;}

/* ==========================================================================
   Desabilitar zoom quando um campo de input é selecionado no mobile
   ========================================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 select:focus, textarea:focus, input:focus {
 font-size: 16px;
 background:#eee;
  }
 }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.esq {float: left;}
.dir{float: right;}
.clear {clear:both;}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
